<template>
  <div class="info-item card-item">
    <div class="title-info">
      <i class="iconfont icon-qita" style="color: #7C3AED"></i>
      <span class="sub-title">其他信息</span>
    </div>

    <div class="others-info">
      <span class="others-title">备注：</span>
      <span v-if="foodStore.currentRecipe.remark">
        {{ foodStore.currentRecipe.remark }}
      </span>
      <span v-else>
        无
      </span>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useFoodStore } from '@/store/food.ts'

const foodStore = useFoodStore()
</script>
